<template>
  <div class="check" id="div1">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span style="line-height: 36px;">统计支数报表</span>
      </div>
      <s-table
        :table="table"
        :expand="true"
        @http="tableWatch">
        <el-row>
          <el-col :xs="24" :lg="{span: 4, offset: 0}">
            <el-form-item label="统计支数" prop="mc">
              <el-input type="text"
                        class="input"
                        v-model="autoVue_table_asnbh"
                        placeholder="统计支数名称" spellcheck="false" auto-capitalize="off" auto-complete="off"
                        auto-correct="off"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

      </s-table>
    </el-card>
  </div>
</template>

<script>
  import {AutoVue, AutoPromise, GetLodop, FormatterTime} from '~/plugins/Tools';
  import Config from '~/config';
  export default AutoVue({
    name: 'outOperation_check-FEcarWms',
    head: {
      'title': '统计支数',
      'meta': [
        {'hid': 'description', 'name': 'description', 'content': '乐速科技平台 统计支数 查看支数信息'},
      ],
    },
    store: ['USER'],
    data: {
      header: {
        'Content-Disposition': 'attachment',
      },
      table: {
        column: [
          /* {
            label: '发起部门',
            prop: 'fqbm',
            minWidth: '0px',
            search: false,
          },
          {
            label: '发起人',
            prop: 'fqr',
            minWidth: '0px',
            search: true,
          },
          {
            label: '用途',
            prop: 'yt',
            minWidth: '0px',
            search: false,
          }, */
        ],
        data: [ /* {
          hpbh: '20160502',
          hpmc: '王小虎',
          sl: '1518 弄',
          xbh: '1',
        } */ ],
        key: 'id',
        tableColumn: 0,
        url: '/wmsprovincerankingreport/Thenumberofshipmentsineach',
        option: {
          state: '0',
          page: 1,
          rows: 10,
        },
        muti: false,
        summary: true,
        // total: 0,
      },
    },
    mounted: async function () {
      console.log('test');
      try {
        let headdata = await this.post('/WmsReportHeaderController/supportnumberhead', {
          page: 1,
          rows: 10,
          state: '0',
        });
        this.table.tableColumn = headdata.contentList;
        console.log(headdata);
        this.table.tableColumnAll = headdata.contentList;
      } catch (err) {
        console.log(err);
      }
      this.tableWatch('table');
    },
  });
</script>
<style scoped lang="scss">
  .box-card {
    margin: 20px;
  }

  .createTimeSpan {
    display: block;
    margin-top: 34px;
  }

  @media screen and (max-width: 800px) {
    .createTimeSpan {
      margin-top: 0;
    }
    .box-card {
      margin: 0;
    }
  }

  .el-select {
    width: 100%;
  }
  .headertype {
    color:#1bab8b;
  }
</style>

<style lang="scss">
  .check{
    width: 88vw;
    float: left;
  }
</style>
